<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Document</title>
    <script src='../js/vue.js'></script>
</head>

<body>
    <div id='root'>
        <h2>{{name}} {{age}}</h2>
    </div>
    <script>
        // el的两种写法
        const vm = new Vue({
            // el: '#root',  el写法1
            // data: {          data写法1  对象式
            //     name: "张三",
            //     age: 18
            // },
            //data写法二  函数式
            data() {
                return {
                    name: "张三",
                    age: 18
                }
            },
        });
        vm.$mount("#root") //el写法2
    </script>
</body>

</html>